/** table-cell-background-color */
.table-bubble-menu.colors-menu {
  display: flex;
  padding-right: 0;

  .currentColor {
    width: 16px;
    height: 16px;

    .colors-menu-icon {
      height: calc(100% - 3px);
      width: 100%;
      display: flex;

      svg {
        width: 100%;
        height: 100%;
      }
    }

    .colors-menu-status {
      width: 100%;
      height: 3px;
      background: #333;
    }
  }

  .colors-menu {
    #dropdown {
      display: flex;
    }

    &-status {
      width: 100%;
      height: 3px;
      background: #333;
    }
  }
}

.aie-container {
  .aie-dropdown-container {
    /** table-color-background-color */
    .color-panel-default-button,
    .color-item,
    .history-color-item {
      cursor: pointer;
    }
  }
}

/** ai interaction enhance */
.aie-container {
  .aie-ai-panel-body {
    &-tips{
      background-color: #fff;
    }
    &-actions {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 12px;
      padding-right: 16px;

      div#actionHide,
      div#actionReplace {
        display: flex;
        align-items: center;
        margin: 0 4px 0 0;
        color: dimgray;
        cursor: pointer;
        padding:4px 8px;
        border-radius: 4px;

        &:hover{
          background-color: #efefef;
        }
      }

      button#actionInsert {
        background: #609eec;
        border:none;
        color: #fff;
        cursor: pointer;
        padding: 4px 12px;
        font-size: 14px;
        border-radius: 3px;
        display: flex;
        &:hover {
        //  opacity: .9;
         background-color: #3c77c0;
        }
      }
    }
  }
}

/** 解决 list-style 被覆盖的问题 start */

/* 恢复编辑器内容区域的列表样式 */
.ProseMirror ul li,
.aie-content ul li {
  list-style-type: disc !important;
  margin-left: 1.5em;
}

.ProseMirror ol li,
.aie-content ol li {
  list-style-type: decimal !important;
  margin-left: 1.5em;
}

/* 嵌套列表样式 */
.ProseMirror ul ul li,
.aie-content ul ul li {
  list-style-type: circle !important;
}
.ProseMirror ul ul ul li,
.aie-content ul ul ul li {
  list-style-type: square !important;
}

.ProseMirror ol ol li,
.aie-content ol ol li {
  list-style-type: lower-roman !important;
}
.ProseMirror ol ol ol li,
.aie-content ol ol ol li {
  list-style-type: lower-alpha !important;
}

/** 解决 list-style 被覆盖的问题 end */
